<template>

	<div>
    <!-- @select="selectMenu" -->


    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        router
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
<!--      <el-submenu index="1">-->

<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>房间管理</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/bed">床位信息</el-menu-item>-->
<!--          <el-menu-item index="/rooms">房间信息</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--      </el-submenu>-->

<!--        <el-submenu index="2">-->
<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>客户管理</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/checkin">入住登记</el-menu-item>-->
<!--          <el-menu-item index="/customer">客户信息</el-menu-item>-->
<!--          <el-menu-item index="/retreat">退住登记</el-menu-item>-->
<!--          <el-menu-item index="/outgoing">外出登记</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--        </el-submenu>-->

<!--      <el-submenu index="3">-->
<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>膳食管理</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/food">膳食日历</el-menu-item>-->
<!--          <el-menu-item index="/customerFood">膳食信息</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--      </el-submenu>-->

<!--      <el-submenu index="4">-->
<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>护理管理</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/nurseLevel">护理级别</el-menu-item>-->
<!--          <el-menu-item index="/nurseContent">护理内容</el-menu-item>-->
<!--          <el-menu-item index="/nurseRecording">护理记录</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--      </el-submenu>-->

<!--      <el-submenu index="5">-->
<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>健康管家</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/manager">管家信息</el-menu-item>-->
<!--          <el-menu-item index="/objservice">设置服务对象</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--      </el-submenu>-->

<!--      <el-submenu index="6">-->
<!--        <template slot="title">-->
<!--          <i class="el-icon-location"></i>-->
<!--          <span>系统管理</span>-->
<!--        </template>-->
<!--        <el-menu-item-group>-->
<!--          <el-menu-item index="/users">用户管理</el-menu-item>-->
<!--          <el-menu-item index="/role">角色管理</el-menu-item>-->
<!--          <el-menu-item index="/menu">菜单管理</el-menu-item>-->
<!--        </el-menu-item-group>-->
<!--      </el-submenu>-->

      <el-submenu  v-for="menu in menuList" :index="menu.menuName" :key="menu.menuId">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>{{menu.menuName}}</span>
        </template>
        <el-menu-item-group>
          <el-menu-item v-for="child in menu.children" :index="child.url"   :key="child.menuId" >{{child.menuName}}</el-menu-item>
        </el-menu-item-group>

      </el-submenu>

    </el-menu>
  </div>
	
	
</template>

<script>
	import service from "@/utils/request";

  export default{
		name:'NavMenu',
    created() {
      this.init();
    },
    data(){
			return {
        menuList:[]
			}
		},
		methods:{
      init(){
        service.get('/menu/queryUserPowerMenu',).then((menuList)=>{
          this.menuList = menuList;
        })
      }

		}
	}

	
</script>

<style scoped>
	
	
	
	
</style>